{extend name="common@public/base" /}

{block name="body"}
<link rel="stylesheet" href="/static/css/user/login.css">
<div class="bg"></div>
<div class="mask register">
    <form method="post"  action="{:url('user/index/register')}" class="lgWrap animated zoomIn ajax-form">
        <div class="left">
            <div class="masking">
                <div class="lg-wrap"><img src="/static/images/user/fly.png"/></div></a>
                <p class="slogan">说好的，一起Fly</p>
                <ul class="explain">
                    <li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li>
                    <li>嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿</li>
                    <li>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</li>
                </ul>
            </div>
        </div>
        <div class="right">
            <div class="lgName">
                <span>注册</span>
                <span>/</span>
                <a href="{:url('user/index/login')}">登录</a>
            </div>
            <p class="item">用户名</p>
            <div class="inputBox">
                <input type="text" id="L_username" name="username" required lay-verify="required" autocomplete="off" placeholder="将会成为您唯一的登入名">
            </div>
            <p class="item">昵称</p>
            <div class="inputBox">
                <input type="text" id="L_nickname" name="nickname" required lay-verify="required" autocomplete="off" placeholder="请输入昵称">
            </div>
            <p class="item">密码</p>
            <div class="inputBox">
                <input type="password" id="L_password" name="password" required lay-verify="required" autocomplete="off" placeholder="6到16个字符">
            </div>
            <p class="item">确认密码</p>
            <div class="inputBox">
                <input type="password" id="L_repassword" name="repassword" required lay-verify="required" autocomplete="off" placeholder="再次输入密码">
            </div>
            <p class="item">人类验证</p>
            <div class="inputBox">
                <input type="text" id="L_vercode" name="vercode" required lay-verify="required" placeholder="请回答后面的问题" autocomplete="off">
                <div class="verify">{{d.vercode}}</div>
            </div>
            <div class="lg-style flexTwo" style="margin-top: 40px">
                <button class="login-btn flexWrap" lay-filter="*" lay-submit>立即注册</button>
                <div class="third">
                    <span>或者使用社交账号登入：</span>
                    <a href="" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-appxiugaiicon42"
                       title="QQ登入"></a>
                    <a href="" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-appxiugaiicon43"
                       title="微博登入"></a>
                </div>
            </div>
        </div>
    </form>
</div>
{/block}